body{
        
    background-color: #f1f1f1;
    margin:0 auto;           
    text-align: center;
}
.resume_box{
    position:relative;
    width: 1300px;
    height: autopx;
    margin: auto;
    
    /* border: 1px solid red; */
}

.center{
    width: auto;
    height: auto;
    position: relative;
    float:right;
    /* padding:auto; */
    margin:14px auto;
    /* border: 1px solid red; */
}
.center-resume{
    float: left;
    width: 785px;
    padding: 0px 0px;
    /* border: 1px solid red; */
    
}
.nav_left ul{
    padding: 0px;
    list-style: none;           
}
.nav_left a{
    text-align: center;
    text-decoration: none;   
    font-size:14px ;
    color: #61687c;
    font-weight: initial; 
    padding-right: 0px;
    width: 100%;
    height: 100%;
            
}
a:hover{
    display: block;
    
    color: #00b38a;
    
}
.nav_left ul>li{
    text-align: center;
    /* margin: 0px; */
    padding: 10px 0px;
}
.nav_left{
/* text-align: center; */
width: 160px;
height: 400px;
margin-top: 14px;
margin-left: 75px;
padding: 10px;
float: left;
background:#fff;
position: fixed;
/* border: 1px solid red; */
}
.nav_left span{
/* width: 50px;
height: 30px; */
margin: 0px;
font-size: 16px;
color: #24272e;
}
    .resumer-online{   
    width:  755px;
    height: 55px;
    background-color:#00b38a;
    
    /* border: 1px solid black; */
    margin: 0px 0px;
    
}
.resumer-online h2{
    font-size: 14px;
    color: 	#f6f6f8;
    text-align: left;
    padding: 10px 14px;
}     
.personal-inf{
    width:750px;
    height:200px;
    margin-top:-7px;
    margin-left: 0px;
    
    background-color:#f6f6f8;
    /* border: 1px solid red; */

}
.resume-avatar{
    width: 150px;
    height: 200px;
    margin-top:0px;
    margin-left:0px;
    float: left;
}
.resume-avatar img{
    width: 120px;
    height: 120px;
    margin-top:20px;
    margin-left:20px;
}

.basic-inf table{
    width: 600px;
    height: 200px;
    margin: 0;
    margin-top: 10px;
    margin-left:50px;
}
.basic-inf table tr>td{

    float:left;
    padding: 18px;
    /* font-weight:bolder; */
}

.edu_experience{
    width:715px;
    height:450px;
    margin-top: 2px;
    padding: 10px 35px;
    margin-left: 0px;
    background-color:#f6f6f8;
    /* border: 1px solid red; */
}
.title{
    display: block;
    font-size: 1.17em;
    color: #414A60;
    /* font-weight: bold; */
    text-align:left;
    font-weight:initial;
    
    /* border: 1px solid red; */
}
.title:hover{
    color: #00b38a;
}
p{
    text-align:left;
    font-size: 1.17em;
    color: #414A60;
    margin: 0 0 20px;
}
.edu_experience table tr>td{           
    font-size: 20px;
    color: #000;
    float:left;
    padding: 18px;
    /* font-weight:bolder; */
    
}

.job_pre{
    width:715px;
    height:330px;
    padding: 10px 35px;
    margin-top: 2px;
    margin-left: 0px;
    background-color:#f6f6f8;
}
.job_pre table tr>td{           
    
    float:left;
    padding: 18px;
    /* font-weight:bolder;           */
}
.intern_experience{
    width:715px;
    height:450px;
    margin-top: 2px;
    padding: 10px 35px;
    margin-left: 0px;
    background-color:#f6f6f8;
}
.intern_experience table tr>td{
    
    float:left;
    padding: 18px;
    /* font-weight:bolder;  */
}
.project_experience{
    width:715px;
    height:390px;
    margin-top: 2px;
    padding: 10px 35px;
    margin-left: 0px;
    background-color:#f6f6f8;
}
.project_experience table tr>td{
    
    float:left;
    padding: 18px;
    /* font-weight:bolder;  */
}
.award_experience{
    width:715px;
    height:180px;
    margin-top: 2px;
    padding: 10px 35px;
    margin-left: 0px;
    background-color:#f6f6f8;
}
.award_experience table tr>td{
    
    float:left;
    padding: 18px;
    /* font-weight:bolder;  */
}
.gallery{
    width:715px;
    height:460px;
    margin-top: 2px;
    padding: 10px 35px;
    margin-left: 0px;
    background-color:#f6f6f8;
}
.gallery table tr>td{
    
    float:left;
    padding: 18px;
    /* font-weight:bolder;  */
}
.gallery table img{
    width: 60px;
    height: 60px;
    margin-bottom:-20px;
    margin-left:20px;
}
.personal_summary{
    width:715px;
    height:350px;
    margin-top: 2px;
    padding: 10px 35px;
    margin-left: 0px;
    background-color:#f6f6f8;
}
.personal_summary table tr>td{
    
    float:left;
    padding: 18px;
    /* font-weight:bolder;  */
}

.right{
    float: right;
    height: auto;
    width:264px;
    /* margin: 0 0; */
    /* position: fixed; */
    padding-left: 10px;
    margin-top: 0px;
    margin-right: 17px;
    background-color: #f6f6f8;
    /* border: 1px solid red; */
}

.upload_resume h3{
    padding: 15px;
    font-size: 18px;
    font-weight:bolder;
}
.upload_resume p{
    font-size: 14px;
}

.upload_resume button{
    
    width: 200px;
    height: 50px;
    background-color: blue;
    border-radius:10px;
    opacity: 0.4;
}
.upload_resume span{
font-size: 14px;
color: #fff;
}
.preview_download{
margin: 50px 100px;


}
.preview_download ul>li{
margin: 20px -50px;

} 

textarea{
outline: none;
background-color: #FFFFFF;
border:0.5px solid #e3e7ed;
/* 禁止拉伸 */
resize:none;
width: 485px;
height: auto;
vertical-align:top;
border-radius: 2px;
}
textarea:hover{
border: 1px solid #00b38a;
cursor: pointer;

}
input{
    height:20px;
    width:180px;  
    background-color: #FFFFFF;
    outline: none;
    border:1px solid #e3e7ed;
    border-radius: 2px;
}
input:hover{
    border: 1px solid #00b38a;
    cursor: pointer;
}
select{           
    height:20px;
    width:180px;    
    background-color: #FFFFFF;
    outline: none;   
    border:1px solid #e3e7ed;    
}
select:hover{
    border: 1px solid #00b38a;
        cursor: pointer;
}
.center-resume table tr>td{
display: block;
    font-size:14px;
    color: #495060;
    font-weight:initial;
}
